<!doctype html>
<html>
<!--#include file="head.html"-->


<div class="uk-container uk-margin-top">
    <div class="uk-padding-small">
        <div class="uk-grid ">
            <div class="uk-width-2-3">
                <div class="uk-grid">
                    <div class="uk-width-3-5">
                        <div class="uk-position-relative uk-visible-toggle uk-light" uk-slideshow="autoplay: true">

                            <div class="uk-slideshow-items">
                                <!--list{app="article" label="contentList" limit=5 image=true}-->
                                <a href="{$list.url}">
                                    <img src="{$list.image}" alt="{$list.title}" uk-cover>
                                    <div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
                                        <p class="uk-margin-remove uk-text-truncate">{$list.title}</p>
                                    </div>

                                </a>
                                <!--{/list}-->
                            </div>

                            <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
                            <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>

                        </div>

                        <article class="uk-article uk-margin-top">
                            <!--list{app="article" label="contentList" limit=1 order="view desc"}-->
                            <h1 class=""><a class="uk-link-reset" href="{$list.url}">{$list.title}</a></h1>
                            <p>
                                {$list.description}
                            </p>
                            <!--{/list}-->
                        </article>
                    </div>
                    <div class="uk-width-2-5">

                        <!--list{app="article" label="contentList" limit="5,2" order="view desc" image=true}-->
                        <div class="uk-margin-bottom">
                        <div>
                            <a href="{$list.url}"><img src="{$list.image}" alt="{$list.title}" width="100%" height="160"></a>
                        </div>
                        <article class="uk-article uk-margin-small-top ">
                            <h3 class="uk-margin-small-bottom"><a class="uk-link-reset" href="{$list.url}" title="{$list.title}">{str_len($list.title, 14)}</a></h3>
                            <p class="uk-margin-remove-top">
                                {str_len($list.description, 35)}
                            </p>
                        </article>
                        </div>
                        <!--{/list}-->

                    </div>
                </div>

                <!--class{app="article" label="classList" limit=5}-->
                <div class="uk-margin-top">
                    <h3><a href="{$class.url}">{$class.name}</a></h3>

                    <div class="uk-grid uk-child-width-1-2">
                        <!--list{app="article" label="contentList" class_id=$class.class_id limit=2 order="view desc" image=true}-->
                        <div>
                            <div class="uk-inline uk-display-block">
                                <a href="{$list.url}"><img src="{$list.image}" alt="{$list.title}" width="100%" height="200"></a>
                                <div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
                                    <p class="uk-text-truncate">{$list.title}</p>
                                </div>
                            </div>

                        </div>
                        <!--{/list}-->
                    </div>
                    <div class="uk-grid uk-child-width-1-2">
                        <!--list{app="article" label="contentList" class_id=$class.class_id limit=6}-->
                        <div class="uk-margin-bottom">
                            <h5 class="uk-margin-remove-bottom uk-text-truncate"><a class="uk-link-reset" href="{$list.url}">{$list.title}</a></h5>
                            <div class="uk-text-meta uk-margin-small-top">{date('Y-m-d H:i', $list.create_time)}</div>
                            <hr>
                        </div>
                        <!--{/list}-->

                    </div>
                </div>
                <!--{/class}-->
            </div>
            <div class="uk-width-1-3">

                <div class="uk-card uk-card-default  uk-card-body">
                    <h3 class="uk-card-title">最新图文</h3>
                        <ul class="uk-list uk-list-divider">

                            <!--list{app="article" label="contentList" limit='5,5' image=true}-->
                            <li>
                                <div class="uk-flex-middle uk-grid uk-grid-small" >
                                    <div class="uk-width-2-3@m">
                                        <p class="uk-margin-remove-bottom"><a class="uk-link-reset" href="{$list.url}">{$list.title}</a></p>
                                        <div class="uk-text-meta">{date('Y-m-d H:i', $list.create_time)}</div>
                                    </div>
                                    <div class="uk-width-1-3@m uk-flex-first">
                                        <a href="{$list.url}"><img src="{$list.image}" alt="{$list.title}"></a>
                                    </div>
                                </div>
                            </li>
                            <!--{/list}-->
                        </ul>
                </div>
                <br>

                <div class="uk-card uk-card-small uk-card-primary uk-card-body">
                    <h3 class="uk-card-title">模板说明</h3>
                    <p>
                        本模板为DuxCMS默认演示模板，包含基础的标签调用，更多标签细节调用请查看标签文档，如有任何疑问请前往官网进行话题讨论
                    </p>
                </div>
                <br>
                <div class="uk-card uk-card-small uk-card-default  uk-card-body">
                    <h3 class="uk-card-title">最新资讯</h3>
                    <div class="uk-card-body">
                        <dl class="uk-description-list uk-description-list-divider">
                            <!--list{app="article" label="contentList" limit='10,5'}-->
                            <dt class="uk-text-large uk-text-truncate"><a href="">{$list.title}</a></dt>
                            <dd class="uk-text-small uk-margin-small-top">{str_len($list.description, 34)}</dd>
                            <!--{/list}-->
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!--#include file="foot.html"-->
</body>
</html>